@tailwind base;

@tailwind components;

@tailwind utilities;



body {
    font-family: "Roboto-Regular";
  }

h3 {
    font-family: "Roboto-Bold";
}

h2 {
    font-family: "Roboto-Bold";
}

h1 {
    font-family: "Roboto-Bold";
}


  
  @font-face {
    font-family: "Roboto-Regular";
    src: url('/assets/fonts/Roboto-Regular.ttf');
  }
  
  @font-face {
    font-family: "Roboto-Medium";
    src: url('/assets/fonts/Roboto-Medium.ttf');
  }
  
  @font-face {
    font-family: "Roboto-Bold";
    src: url('/assets/fonts/Roboto-Bold.ttf');
  }

  
.legal {
    color: #f2f2f2
}

.legal div h1 {
    margin-bottom: 1.25rem;
    font-size: 3.75rem;
    color: #f2f2f2
}

.legal div h2 {
    margin-top: 2rem;
    font-size: 2.00rem;
    color: #f6a733
}

.legal div h2 {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    color: #f6a733
}

.legal div h3 {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    color: #f6a733
}

.legal div p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.legal div a {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px;
    color: #f6a733
}

.legal div ul li {
    margin-left: 2rem;
    margin-left: 10px;
    list-style-type: circle;
}
.legal div ul {
    margin-left: 2rem;
}

form .input-wrapper .error {
    display: none;
}
form .input-wrapper.error svg {
    top: 16px;
}
form .input-wrapper.error .error {
    display: block;
}

.bg-image-wba{
    background-image:url("/assets/images/home/Hero.jpg") ;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-image-contact{
    background-image:url("/assets/images/contact/Hero.jpg") ;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}


.move-rect{
    max-width:600px;
    position: relative;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
  }



  
form .input-wrapper .error {
    display: none;
}
form .input-wrapper.error svg {
    top: 16px;
}
form .input-wrapper.error .error {
    display: block;
}

.screen-video{
    height: 300px;
    width: 100%;

}

@media only screen and (min-width: 768px) {
    .screen-video{
    height: 650px;
    width: 100%;

    }
}


.grecaptcha-badge { visibility: hidden; }